/**
 *定义一个动画函数
 *
 * @param {*} node 需要添加动画过渡的节点
 * @param {*} time 多长时间执行一次动画
 */
function animate(node, time) {
    setInterval(() => {
        /* 开启transition动画过渡 */
        node.style.transition = 'all .5s linear';
        node.style.top = '-120px';
        var firstLi = node.children[0];
        node.addEventListener('transitionend', function () {
            /* 关闭transition，避免从-120到0的动画 */
            node.style.transition = 'none';
            /* 将第一个li剪切到末尾 */
            node.appendChild(firstLi);
            /* 将node的top重置为0 */
            node.style.top = '0px';
        })
    }, time);
}
animate(document.getElementsByClassName('num')[5].getElementsByTagName('ul')[0], 1000);
animate(document.getElementsByClassName('num')[4].getElementsByTagName('ul')[0], 6000);
animate(document.getElementsByClassName('num')[3].getElementsByTagName('ul')[0], 6000);
animate(document.getElementsByClassName('num')[2].getElementsByTagName('ul')[0], 60000);
animate(document.getElementsByClassName('num')[1].getElementsByTagName('ul')[0], 3600000);
animate(document.getElementsByClassName('num')[0].getElementsByTagName('ul')[0], 10800000);